<template>
  <div class="product">
    <h3>{{ goodsname }}</h3>
    <p>价格：{{ price }} 元一斤</p>
    <p>{{ info }}</p>
    <button @click="rel">砍一刀</button>
  </div>
</template>

<script>
export default {
  // 子组件使用 props 接收数据
  props: [ 'id' , 'goodsname', 'price', 'info'],
  methods : {
    rel() {
      // console.log(1);
      this.$emit('rel' , 1 , this.id )
    }
  }
}
</script>

<style scoped>
.product {
  padding: 20px;
  margin: 10px;
  border: 3px solid #000;
  border-radius: 5px;
}
</style>